<template>
    <div class="mg-tb">
        <h4 v-text="list.title"></h4>
        <p class="line"></p>
        <div class="content" v-html="list.content"></div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            id: 0,   //代码当前商品的id
            list: {
                "title": "小米（Mi）小米Note 16G双网通版",
                "content": "<p>\r\n\t小米Note此次采用的5.7英寸夏普/JDI分辨率为1920X1080的屏幕。小米Note配置方面，CPU采用的是高通骁龙801四核2.5GHZ处理器，3GB的运行内存。\r\n</p>\r\n<p>\r\n\t4G双卡双待，1300万像素后置摄像头和400万前置摄像头组合，首次加入HiFi模块，高保真音质，电池容量为3000mAh。\r\n</p>\r\n<p>\r\n\t小米Note顶配版升级了CPU、屏幕、运行内存，采用的5.7英寸夏普/JDI分辨率为2560 x 1440的2K屏，CPU采用的是高通骁龙810八核64位处理器，4GB的运行内存。\r\n</p>\r\n<p align=\"center\">\r\n\t<img class=\"gomeImgLoad\" alt=\"\" src=\"http://img5.gomein.net.cn/image/bbcimg/productDesc/descImg/201501/desc04/A0005143105/3851475.jpg\" /> \r\n</p>"
            }
        }
    },
    created() {
        this.id = this.$route.params.id;    //获取当前商品的id
    }
}
</script>

<style scoped>
.content {
    padding: 10px;
}

h4 {
    color: #099;
    padding: 10px;
}

.line {
    height: 1px;
    width: 100%;
    background-color: #099;
}
</style>